<?php
$title = "展示";
include 'headerzs.php';
?>
<script type="text/javascript">
$(function () {
    //选中zhanshi下的所有a标签，为其添加hover方法，该方法有两个参数，分别是鼠标移上和移开所执行的函数。
    $("#zhanshi a").hover(
        function () {
            $(this).addClass("seling");
        },
        function () {
            $(this).removeClass("seling");
        }
    );


    //选中zhanshi下所有的dt标签，并且为dt标签后面的第一个dd标签下的a标签添加样式seled。(感叹jquery的强大)
    $("#zhanshi dt+dd a").attr("class", "seled"); /*注意：这儿应该是设置(attr)样式，而不是添加样式(addClass)，
                                                  不然后面通过$("#zhanshi a[class='seled']")访问不到class样式为seled的a标签。*/       

    //为zhanshi下的所有a标签添加单击事件
    $("#zhanshi a").click(function () {
        $(this).parents("dl").children("dd").each(function () {
			//下面三种方式效果相同（第三种写法的内部就是调用了find()函数，所以，第二、三种方法是等价的。）
            //$(this).children("div").children("a").removeClass("seled");
			//$(this).find("a").removeClass("seled");
			$('a',this).removeClass("seled");
        });

        $(this).attr("class", "seled");


    });

    loadList();
});

$(function(){
	$("#hrefSearch").bind("click",loadList);
	
});

function loadList(){
	var cityid = getSelectId("dlCity");
	var modeltype = getSelectId("dlType");
	var minHeight = $("#dlHeight").find("a[class='seled']").attr("min");
	var maxHeight = $("#dlHeight").find("a[class='seled']").attr("max");
	var minAge = $("#dlAge").find("a[class='seled']").attr("min");
	var maxAge = $("#dlAge").find("a[class='seled']").attr("max");
	var sex = $("#dlSex").find("a[class='seled']").text();
	var age = $("#txtModelAge").val();
	
	
	if(!IsEmpty(age) && !IsInt(age)){
		alert("年龄无效");
		return;
	}
	
	var params = {
				cityid:cityid,
				modeltype:modeltype,
				minHeight:minHeight,
				maxHeight:maxHeight,
				minAge:minAge,
				maxAge:maxAge,
				sex:sex,
				age:age
			};
	/*
	alert(params.cityid+"-"+params.modeltype+"-"+params.minHeight+"-"
			+params.maxHeight+"-"+params.minAge+"-"+params.maxAge+"-"
			+params.sex+"-"+params.age);
	return;
	*/
	$.ajax({
		type:"post",
		url:"index.php/login/searchModel",
		dataType:"html",
		data:params,
		success:function(data){
			$("#ulModel").html(data);
			//$("#sql").html(data);
		}
	});
	
}

function getSelectId(id){
	var v = "";
	$("#"+id).find("a[class='seled']").each(function(){
	v+=$(this).attr("value");
	});
	return v;
} 

</script>
<body>
<?php
include 'headzs.php';
?>
	<form id="formArchive">

		<!-- 选择代码 开始 -->
		<div id="zhanshi">
			<dl id="dlCity">
				<dt>
					<span>选择城市：</span>
				</dt>
				<dd>
					<div>
						<a value="0">全国</a>
					</div>
				</dd>
				<dd>
					<div>
						<a value="1">北京</a>
					</div>
				</dd>
				<dd>
					<div>
						<a value="3">上海</a>
					</div>
				</dd>
				<dd>
					<div>
						<a value="99">杭州</a>
					</div>
				</dd>
				<dd>
					<div>
						<a value="213">广州</a>
					</div>
				</dd>
				<dd>
					<div>
						<a value="51">大连</a>
					</div>
				</dd>
				<dd>
					<div>
						<a value="248">成都</a>
					</div>
				</dd>
				<dd>
					<div>
						<a value="148">青岛</a>
					</div>
				</dd>
			</dl>
			<dl id="dlType">
				<dt>
					<span>模特类型：</span>
				</dt>
				<dd>
					<div>
						<a value="0">全部</a>
					</div>
				</dd>
				<dd>
					<div>
						<a value="1">平面模特</a>
					</div>
				</dd>
				<dd>
					<div>
						<a value="2">T台模特</a>
					</div>
				</dd>
				<dd>
					<div>
						<a value="3">车展模特</a>
					</div>
				</dd>
				<dd>
					<div>
						<a value="1">广告模特</a>
					</div>
				</dd>
				<dd>
					<div>
						<a value="3">礼仪</a>
					</div>
				</dd>
				<dd>
					<div>
						<a value="4">泳装/内衣模特</a>
					</div>
				</dd>
				<dd>
					<div>
						<a value="4">局部模特</a>
					</div>
				</dd>
			</dl>
			<dl id="dlHeight">
				<dt>
					<span>身高：</span>
				</dt>
				<dd>
					<div>
						<a min="0" max="0">全部</a>
					</div>
				</dd>
				<dd>
					<div>
						<a min="0" max="160">160cm以下</a>
					</div>
				</dd>
				<dd>
					<div>
						<a min="160" max="164">160~164cm</a>
					</div>
				</dd>
				<dd>
					<div>
						<a min="165" max="169">165~169cm</a>
					</div>
				</dd>
				<dd>
					<div>
						<a min="169" max="174">169~174cm</a>
					</div>
				</dd>
				<dd>
					<div>
						<a min="175" max="179">175~179cm</a>
					</div>
				</dd>
				<dd>
					<div>
						<a min="180" max="184">180~184cm</a>
					</div>
				</dd>
				<dd>
					<div>
						<a min="180" max="0">180cm以上</a>
					</div>
				</dd>
			</dl>
			<dl id="dlSex">
				<dt>
					<span>模特性别：</span>
				</dt>
				<dd>
					<div>
						<a>男</a>
					</div>
				</dd>
				<dd>
					<div>
						<a>女</a>
					</div>
				</dd>
			</dl>
			<dl id="dlAge">
				<dt>
					<span>模特年龄：</span>
				</dt>
				<dd>
					<div>
						<a min="0" max="0">不限</a>
					</div>
				</dd>
				<dd>
					<div>
						<a min="16" max="18">16~18岁</a>
					</div>
				</dd>
				<dd>
					<div>
						<a min="19" max="22">19~22岁</a>
					</div>
				</dd>
				<dd>
					<div>
						<a min="23" max="25">23~25岁</a>
					</div>
				</dd>
				<dd>
					<div>
						<a min="25" max="0">25岁以上</a>
					</div>
				</dd>
			</dl>
			<dl>
				<dt>
					<span>模特年龄：</span>
				</dt>
				<dt>
					<input id="txtModelAge" name="" type="text"
						style="width: 110px; height: 20px;" />
				</dt>
				<dd>
					<div>
						<a id="hrefSearch" href="javascript:void(0)">搜索</a>
					</div>
				</dd>
			</dl>

		</div>
		<div class="clear"></div>
		<!-- 选择代码 结束 -->

		<!-- 名片 开始 -->
		<div class="mingpian_k">
			<ul id="ulModel">
				
			</ul>
		</div>
		<!-- 名片 结束 -->

<div id="sql" style="display:block"></div>

	</form>

	<!-- 页脚 开始 -->
 <?php include 'footer.php';?>
<!-- 页脚 结束 -->
</body>
</html>
